<template>
	<view class="container">
		<view class="header">{{$t('首页')}}</view>
		<view class="main-content">
			<image src="https://api.gmit.vip/Api/DmImg?format=image" class="feature"></image>
			<view class="view-list">
				<view>{{$t('没有更多了')}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				image: ''
			};
		},
		onShow() {
			uni.setNavigationBarTitle({
				title: this.$t('首页')
			})
			uni.setTabBarItem({
				index: 0,
				text: this.$t('首页'),
			})
			uni.setTabBarItem({
				index: 1,
				text: this.$t('我的'),
			})
		},
		methods: {

		},
	};
</script>

<style scoped>
	.container {
		margin: 30px;
	}

	.header {
		font-size: 24px;
		color: #333;
		text-align: center;
	}

	.main-content {
		margin-top: 20px;
	}

	.feature {
		width: 100%;
		height: 300px;
	}

	.text-list {
		margin-top: 20px;
	}

	.text-list text {
		font-size: 14px;
		color: #333;
		line-height: 20px;
	}

	.article-list text {
		font-size: 16px;
		color: #333;
		line-height: 24px;
	}

	.footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 40px;
		line-height: 40px;
		background-color: #f5f5f5;
	}
</style>